


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
    "http://www.w3.org/TR/html4/strict.dtd">
<html>
    <head>
        <title>Sistema de Reservas de Equipamentos - MATEMATICA</title>
        <link rel="stylesheet" href="styles/main.css" type="text/css">
        
        <script src="javascript/jquery-1.6.1.js" type="text/javascript"></script>
<script src="javascript/jquery.validate.min.js" type="text/javascript"></script>


<script type="text/javascript">

        $(document).ready( function() {
            $("#login").validate({
                    // Define as regras
                    rules:{
                            login: {
                                // login sera obrigatorio e tera que ter no minimo 4 caracteres
                                required: true
                            },
                            password: {
                                required: true
                            }
                    },
                    // Define as mensagens de erro para cada regra
                    messages: {
                            login: {
                                required: "Campo Login é Obrigatório!"
                            },
                            password: {
                                required: "Campo Senha é Obrigatório!" 
                            }
                    }
            });
    });

    </script>

    </head>
    <body class="yui-skin-sam">
        <div id="doc" class="yui-t2">
            <div id="hd">  <div class="login-header">
<div class="menu-login">
    <table>
        <tr>
            <td><img src="images/red_candle32px.png"/>  </td>
            <td><a href="index.php?action=logout"> <img src="" alt="Logout" /></a></td>
        </tr>
    </table>
</div></div> <h2></h2>    </div>
            <div id="bd">
                <div id="yui-main">
                    <div class="yui-b">
                        <div class="yui-g">
                            <!-- YOUR DATA GOES HERE -->
                            <h2>Login:</h2>

<form id="login" action="index.php?action=perform_login" method="post">
    <table>
        <tr>
            <th>Login:</th>
            <td><input name="login" type="text"/></td>
        </tr>
        <tr>
            <th>Password:</th>
            <td><input name="password" type="password"/></td>
        </tr>
    </table>
    <input type="submit" value="ENVIAR" />
</form>

<a href="#">recuperar senha</a>
<a href="index.php?conteudo=1">cadastrar novo usuário</a>

                        </div>
                    </div>
                </div>
                <div class="yui-b">
                    <!-- YOUR NAVIGATION GOES HERE -->
                    <div id="box-menu"></div>
                        

<div class="box">
    <p class="box-title">Escolha uma Opção: </p>
    <ul>
        <!-- colocar obj para carregar opções do menu conforme papel do usuário logado (admin ou usuário comum -->
        <li>
            <a href="index.php?conteudo=1">Novo Usuário</a>
        </li>
        <li>
            <a href="index.php?conteudo=2">Login</a>
        </li>
        <li>
            <a href="index.php?conteudo=3">Efetuar Reserva Equipamento</a>
        </li>    
        <li>
            <a href="index.php?conteudo=4">Verificar Reserva Equipamento</a>
        </li>

        <li>
            <a href="index.php?conteudo=5">Efetuar Reserva Sala</a>
        </li>    
        <li>
            <a href="index.php?conteudo=6">Verificar Reserva Sala</a>
        </li>
    </ul>
<div class="pilar"></div>
</div>
                </div>

            </div>
            <div id="ft"><p>Footer</p></div>
        </div>
    </body>
</html>